<template>
    <el-scrollbar height="860px">
      <div class="iot_load">
        <el-avatar :size="50" :src="circleUrl" />
        <a href="" class="iot_loading">点击登陆账号</a>
      </div>

      <Mylist/>
      <Gusslike/>
    </el-scrollbar>
</template>

<style scoped>
.iot_load{
    background-color: #00bb99;
    height: 100px;
}
span{
    margin-left: 30px;
    margin-top: 20px;
}
.iot_loading{
    text-decoration: none;
    color: white;
 
}
</style>

<script lang="ts" setup>
import Gusslike from '@/components/gusslike.vue';
import { reactive, toRefs, } from 'vue'
import Mylist from './components/mylist.vue';

const state = reactive({
  circleUrl:
    'https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png',
  squareUrl:
    'https://cube.elemecdn.com/9/c2/f0ee8a3c7c9638a54940382568c9dpng.png',
  sizeList: ['small', '', 'large'] as const,
})

const { circleUrl } = toRefs(state)
</script>